<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
    <link rel="stylesheet" href="../src/josh-ui.css">
    <title>JoshUi-按钮</title>
    <style>
        .ju-btn + .ju-btn{
            margin-top: 1rem; 
        }
    </style>
</head>
<body>
    <div class="ju-content">
        <!-- 标准按钮 -->
        <h2 class="ju-panel-title">标准按钮</h2>
        <div class="ju-panel-body">
            <a class="ju-btn">默认按钮</a>
            <a class="ju-btn ju-btn-primary">主操作按钮</a>
            <a class="ju-btn ju-btn-warning">警示按钮</a>
            <a class="ju-btn ju-btn-disabled">不可用按钮</a>
        </div>

        <!-- 大按钮 -->
        <h2 class="ju-panel-title">大按钮</h2>
        <div class="ju-panel-body no-padding">
            <br/>
            <a class="ju-btn ju-btn-large">大按钮</a>
            <br/>
            <a class="ju-btn ju-btn-primary ju-btn-large">大按钮</a>
            <br/>
            <a class="ju-btn ju-btn-warning ju-btn-large">大按钮</a>
            <br/>
            <a class="ju-btn ju-btn-disabled ju-btn-large">大按钮</a>
            <br/>
        </div>

        <!-- 小按钮 -->
        <h2 class="ju-panel-title">小按钮</h2>
        <div class="ju-panel-body">
            <a class="ju-btn ju-btn-small">小按钮</a>
            <a class="ju-btn ju-btn-primary ju-btn-small">小按钮</a>
            <a class="ju-btn ju-btn-warning ju-btn-small">小按钮</a>
            <a class="ju-btn ju-btn-disabled ju-btn-small">小按钮</a>
        </div>

    </div>
</body>
</html>